<template>
  <!-- <div> -->
  <!-- <h1>我是app</h1>
    <el-button type="primary" size="default" :icon="Edit">按钮</el-button>
    <SvgIcon name="collapse" color="pink" width="30px" height="30px"></SvgIcon> -->
  <router-view></router-view>
  <!-- </div> -->
</template>

<script setup lang="ts">
// 引入图标组件
// import { Edit } from '@element-plus/icons-vue'
// import request from '@/utils/request'
// import { onMounted } from 'vue'

// onMounted(() => {
//   request({
//     url: '/user/login',
//     method: 'post',
//     data: {
//       username: 'admin',
//       password: '123456',
//     },
//   }).then((res) => {
//     console.log(`output->`, res)
//   })
// })
</script>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
